<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>读者管理</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <style>
        .main{
            width:100%;
            height:100%;
            /* background:red;*/
            display:flex;
            flex-wrap: wrap;
            flex-direction:row;
            justify-content: start;
        }
        .query-div{
            display:flex;
            flex-wrap: wrap;
            flex-direction:row;
            justify-content: start;
        }
        .left-menu{
            width:12%;
            height: 90%;
            /*background:yellow;*/
        }
        .right-content{
            width: 85%;
            height:80%;
            margin-left: 32px;
            align-content: center;
            /*   background:blue;*/
        }
        .top-head-color{
            background-color: #50afeb ;

        }

    </style>
</head>
<body>
<%--顶部--%>
<nav class="navbar navbar-default top-head-color" role="navigation">
    <div class="container-fluid">
        <div class="navbar-header">
            <a class="navbar-brand" href="#">图书馆管理系统</a>
        </div>
        <ul class="nav navbar-nav navbar-right">
            <li ><a disabled="disabled"><span class="glyphicon glyphicon-user "></span> 欢迎您，${user.name}</a></li>
            <li ><a href="${pageContext.request.contextPath}/logoutServlet"></span> 注销</a></li>
        </ul>
    </div>
</nav>
<div class="main">
    <%--    左侧菜单栏--%>
    <div class="left-menu">
        <ul class="nav nav-pills nav-stacked">
            <li ><a href="${pageContext.request.contextPath}/bookListServlet">图书管理</a></li>
            <li ><a href="${pageContext.request.contextPath}/getUserList">读者管理</a></li>
            <li><a href="${pageContext.request.contextPath}/bookTypeList">图书分类管理</a></li>
            <li ><a href="${pageContext.request.contextPath}/bookBorrowListServlet">图书借阅信息</a></li>
            <li class="active"><a href="${pageContext.request.contextPath}/bookAlreadyReturnedListServlet">图书归还信息</a></li>
            <li ><a href="${pageContext.request.contextPath}/bookBorrowReturnedHistoryListServlet">查询图书日志</a></li>
        </ul>
    </div>
    <%--    <div style="background-color: #9d9d9d;width: 0.5px;height: 90%"></div>--%>
    <%--    右侧--%>
    <div class="right-content">
        <div class="col-md-10">
            <div class="row">
                <div class="col-lg-12">
                    <div class="panel panel-default bootstrap-admin-no-table-panel">
                        <div class="panel-heading">
                            <div class="text-muted bootstrap-admin-box-title">图书借阅信息</div>
                        </div>

                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-12">
                    <table id="data_list" class="table table-hover table-bordered" cellspacing="0" width="100%">
                        <thead>
                        <tr>
                            <th>图书号</th>
                            <th>图书名称</th>
                            <th>读者账号</th>
                            <th>读者名称</th>
                            <th>借阅日期</th>
                            <th>还书日期</th>
                        </tr>
                        </thead>
                        <tbody>
                        <c:forEach items="${bookAlreadyReturnedList}" var="returnedBook" varStatus="status">
                            <tr>
                                <td>${returnedBook.card}</td>
                                <td>${returnedBook.bookname}</td>
                                <td>${returnedBook.adminname}</td>
                                <td>${returnedBook.username}</td>
                                <td>${returnedBook.begintime}</td>
                                <td>${returnedBook.endtime}</td>
                            </tr>
                        </c:forEach>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
</div>


</body>
</html>
